
function format_time(_time) {
    /*
    * 分钟 < 60
    * 小时 < 24小时
    * 天
    * */
    // let time = new Date() - new Date(item.ptime)
    let time = new Date().getTime() - new Date(_time).getTime()
    if (time < 1000 * 60 * 60) {
        return parseInt(time / 1000 / 60) + '分钟'
    } else if (time < 1000 * 60 * 60 * 24) {
        return parseInt(time / 1000 / 60 / 60) + '小时'
    } else {
        return parseInt(time / 1000 / 60 / 60 / 24) + '天'
    }
}

function format_comment(cCount) {
    /*
    * 300
    * 2k+
    * 1w+
    * */
    if (cCount < 1000) {
        return cCount
    } else if (cCount < 10000) {
        return parseInt(cCount / 1000) + 'k+'
    } else if (cCount > 10000) {
        return parseInt(cCount / 10000) + 'w+'
    }
}


const content = document.querySelector('.content')
let type = 'BA10TA81wangning' // 新闻类型
let pageSize = 10  // 每页数量
let currentPage = 1;    // 当前页码

let isLoading = false

function getList() {
    isLoading = true
    jQuery.ajax({
        method: 'GET',
        url: `https://3g.163.com/touch/reconstruct/article/list/${type}/${(currentPage - 1) * pageSize}-${pageSize}.html`,
        dataType: 'jsonp',
        jsonpCallback: 'artiList',
        success(res) {
            isLoading = false
            const list = res[type]
            list.forEach(function (item) {
                content.insertAdjacentHTML('beforeend', `
                    <a href="${item.url || item.skipURL}" class="link">
                        <div class="news-info">
                            <div class="text">
                                <h3>${item.title}</h3>
                                <div class="detail">
                                    <span>${item.source}</span>
                                    <span>${format_time(item.ptime)}前</span>
                                    <span>${format_comment(item.commentCount)}跟贴</span>
                                </div>
                            </div>
                            <div class="pic" style="background-image: url(${item.imgsrc})"></div>
                        </div>
                    </a>`)
            })
        }
    })
}



// 加载页面第一次调用
getList()

const wapSectionAs = document.querySelectorAll('.wap-section li a')
wapSectionAs[0].classList.add('active')
wapSectionAs.forEach(function (item) {
    item.addEventListener('click', function () {
        wapSectionAs.forEach(function (item) {
            item.classList.remove('active')
        })
        this.classList.add('active')

        // 切换类型
        type = this.getAttribute('data-type')
        // 切换类型初始化当前页码
        currentPage = 1

        content.innerHTML = ''
        // 切换类型调用
        getList()
    })
})


/*
* 分页
*
* 开始id-每页数量.html
* 1 0-20.html     第一页
* 2 20-20.html    第二页
* 3 40-20.html    第三页
* 4 60-20.html    第四页
* ...
*
* (页码 - 1) * 每页数量 - 每页数量.html
* (page - 1) * size - size.html
* */
// console.log(`${(currentPage - 1) * pageSize}-${pageSize}.html`)

const loadMore = document.querySelector('footer button')
loadMore.addEventListener('click', function () {
    console.log('加载更多')
    if (!isLoading) {
        currentPage += 1
        // console.log(currentPage)
        // console.log(`${(currentPage - 1) * pageSize}-${pageSize}.html`)
        console.log(type)
        getList()
    }
})

